<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div ul li a{
      color: red;
    }

    div ul li .t1{
      color: green;
    }

    div>a{
      font-size: 20px;
      background-color: yellow;
    }

    /* 未访问 */
    a:link{
      color: skyblue;
    }
    /* 悬停 */
    a:hover{
      color: yellow;
    }
    /* 访问过 */
    a:visited{
      color: purple;
    }
    /* 激活 */
    a:active{
      color: black;
    }
  </style>
</head>
<body>

<div>
  <ul>
    <li><a class="t1">java</a></li>
    <li><a>java</a></li>
    <li><a>java</a></li>
    <li><a>java</a></li>
  </ul>
  <a>java</a>
  <b class="t1">xiaoyi</b>
  <h1>shenge</h1>
</div>
<hr size="10" color="red">
<a href="http://www.baidu.com" target="_blank">小艺</a>
</body>
</html>